@import (less) "heyui/themes/var.less";

// Colors (颜色)
@primary-color: #1890ff; // Ant Design 主色
@primary1-color: fade(@primary-color, 45%);
@primary2-color: fade(@primary-color, 15%);
@link-color: @primary-color; // 链接颜色同主色
@blue-color: #3b91ff; // 信息提示色
@green-color: #52c41a; // 成功色
@yellow-color: #faad14; // 警告色
@red-color: #f5222d; // 错误色
@white-color: #ffffff;

// Dark, Gray 1-4
@dark-color: #333333; // 深色主色
@dark1-color: #555555;
@dark2-color: #666666;
@dark3-color: #777777;
@dark4-color: #999999;

@gray-color: #d9d9d9; // 灰色调整，参考 Ant Design
@gray1-color: #d3d3d3;
@gray2-color: #f0f0f0; // Ant Design 常用灰色
@gray3-color: #f5f5f5;
@gray4-color: #fafafa; // 浅灰色

// Hover 状态
@hover-background-color: @gray3-color;

// 高亮状态
@highlight-background-color: @primary2-color;

// Tag
@tag-background-color: @gray4-color;
@tag-border-color: @gray2-color;

// Font Sizes (字体大小)
@font-size: 16px; // 基础字号增大，保持与组件协调
@font-size-mini: 14px;
@font-size-input: @font-size;
@font-size-input-tag: 14px;
@font-size-badge: 12px;

// Font Family (字体家族)
@font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
@line-height: 1.0;

// Button Sizes (按钮大小)
@button-size-normal-padding: 8px 15px;
@button-size-l-padding: 10px 20px; // 大按钮紧凑一些
@button-size-m-padding: 6px 12px; // 中按钮内边距调整为小一点
@button-size-s-padding: 4px 8px; // 小按钮
@button-size-xs-padding: 2px 6px; // 极小按钮

// Input (输入框)
@input-height: 38px; // 输入框稍大，符合 Ant Design 风格
@input-base-padding: 8px; // 输入框内部填充

// Border (边框)
@border-color: @gray2-color; // 灰色边框
@border: 1px solid @gray2-color; // 默认边框

// Disabled (禁用状态)
@disabled-cursor: not-allowed;
@disabled-color: @dark4-color;
@disabled-border-color: @gray1-color;
@disabled-background-color: @gray4-color;

// Radius (圆角)
@border-radius: 4px; // Ant Design 中常用 4px 圆角
@btn-border-radius: 4px;

// Box Shadow (阴影)
@box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); // Ant Design 阴影效果
@box-shadow-input: 0 0 0 2px fade(@primary-color, 20%); // 输入框阴影
@box-shadow-error-input: 0 0 0 2px fade(@red-color, 20%); // 错误状态阴影
@box-shadow-button: 0 2px 4px rgba(0, 0, 0, 0.1); // 按钮阴影
@box-shadow-notify: 0 3px 6px rgba(0, 0, 0, 0.16); // 通知阴影
@box-shadow-dropdown: 0 3px 6px rgba(0, 0, 0, 0.16); // 下拉菜单阴影
@box-shadow-select-dropdown: 0 2px 6px rgba(0, 0, 0, 0.2); // 选择框阴影

// Switch (开关)
@switch-height: 22px; // 开关高度调整
@min-switch-height: 16px; // 最小开关高度

// Z-index (层级)
@zindex-loading: 10;
@zindex-affix: 10;
@zindex-backtop: 10;
@zindex-select: 1000;
@zindex-dropdown: 1000;
@zindex-modal: 1000;
@zindex-notify: 1000;
@zindex-notice: 1000;
@zindex-tooltip-edit: 1000;
@zindex-message: 1010;
@zindex-tooltip: 1060;
@zindex-loading-fullscreen: 2000;
@zindex-loading-bar: 2000;

// Animation (动画)
@animation-time: 0.3s;
@transition-time: 0.2s;

// Panel (面板)
@panel-space: 12px; // 面板内部填充

// Layout (布局)
@layout-header-height: 64px; // 头部高度
@layout-sider-width: 200px; // 侧边栏宽度
@layout-sider-collapse-width: 70px; // 折叠时的宽度

// Menu (菜单)
@menu-dark-color: @dark-color;
@menu-white-background-color: @primary2-color;

// Skeleton (骨架屏)
@skeleton-bg: @gray4-color;
@skeleton-height: 16px;

@import (less) "heyui/themes/common.less";